<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据类型</title>
</head>
<body>
<script>
    // JS数据类型:原始数据类型(基础类型) + 引用类型(复合类型)
    // 基础数据类型: number string boolean undefined null
    // 引用数据类型: Array Object Function...
    //             Number String Boolean(包装对象)

    // number类型   整数 + 小数
    let int_a = 1;
    let int_b = 1.1;
    // typeof:查看变量存储的数据的数据类型
    console.log(typeof int_b);

    // string字符串类型
    let str_a = 'hello';

    // boolean布尔类型  true ==>1   false ==> 0
    let bool_a = true

    // undefined 变量仅声明但是未赋值 访问对象不存在的属性,访问数据不存在的下标
    let un1 = undefined;
    let nu2;
    console.log(nu2);
    console.log(typeof nu2)

    // 引用数据 {} ==> new Object
    let obj = {
        name: '张三',
        age: 30
    };
    console.log(obj);
    // 使用点(.) 来访问叫静态访问  遍历对象是需要使用obj[key]取值
    console.log(obj.name, obj.age);
    // 修改和新增    给已存在的属性赋值叫修改 给不存在的属性赋值叫新增
    obj.age = 18;
    obj.gender = '男';
    console.log(obj);


    // 数组Array
    let arr = ['百度', '搜狗', '360'];
    console.log(arr)
    // 数组取值 array[下标] 下标从0开始
    console.log(arr[0]);
    // 修改和新增
    arr[0] = '搜狐';
    arr[3] = '百度';
    console.log(arr);
</script>
</body>
</html>